<template>
  <div class="send">
    <van-nav-bar title="发送红包" left-arrow @click-left="goSendRedPacket" class="text_2353X1" />
    <p class="text_1061X1">您已装入1杯咖啡,请填写红包个数(最多填写1个)</p>

  <van-field v-model="value" label="红包个数" placeholder="请填写红包个数" />
  <van-field v-model="value" label="一句祝福" placeholder="luckin入手,好运加持" />

  <van-button class="text_1066X1">发送</van-button>

  <p class="text_1067X1">未领取的红包,将于24小时后退回至您的账户</p>




  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()
// 跳转到
const goSendRedPacket = () => router.push()


</script>

<style lang="scss" scoped>
.send {
  background-color: #f8f8f8;
  height: 100vh;
  .text_2353X1 {
    width: 375px;
    height: 44px;
    padding-top: 20px;
    color: rgba(56, 56, 56, 1);
    background-color: rgba(255, 255, 255, 1);
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    font-weight: bold;
  }
  .text_1061X1{
	width: 310px;
	height: 19px;
	margin-left: 15px;
	margin-top: 10px;
	color: rgba(128, 128, 128, 1);
	font-size: 13px;
	line-height: 150%;
	text-align: left;
}

.van-field {
  margin-top: 10px;
}

.text_1066X1{
	width: 345px;
	height: 40px;
	left: 15px;
	top: 45px;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(136, 175, 213, 0.6);
	border-radius: 4px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
}

.text_1067X1{
	width: 263px;
	height: 19px;
	margin-left: 56px;
	margin-top: 60px;
	color: rgba(166, 166, 166, 1);
	font-size: 13px;
	line-height: 150%;
	text-align: left;
}





}


</style>